@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';

body {
  .el-icon-success{
    color:rgb(64, 158, 255);
  }
  .el-icon--success{
    color:rgb(230, 162, 60);
  }
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  .fr{
    float:right;
  }
  .fl{
    float: left;
  }
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

#app {
  height: 100%;
  .poppperbg{
    position: fixed;
    display: block;
    display: block;
    width: 100vw;
    height: 100vh;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 2000;
    background: rgba(0,0,0,.5)
    }
   .exportPopover{
    .com{
      overflow-y: auto;overflow-x: hidden;
      width:100%;height:calc(90vh - 100px);
    }
      width:85vw;height:90vh;
    top:50%;left:50%;margin-top: -45vh;position: fixed;margin-left:-42.5vw;
  }
  .hasTab{
    .el-tabs__content{
      height: calc(100vh - 145px);
      overflow-y: auto;
    }

  }
  .TabScroll{
    .el-tabs{
      .el-tabs__content{
        height: calc(100vh - 180px);
         overflow-y: auto;
      }
      height: 100%;
    }

      height: calc(100vh - 50px);


  }
  .container-fluid{
	  &.hasTab{
		   height: calc(100vh - 144px);
	  }

    height: calc(100vh - 90px);position: relative;overflow-y: auto;
    .btm-btn-groups{
      overflow: hidden;
      position: absolute;
      bottom: 8px;left:0;right:0;
      text-align: center;width: 100%;
    }
  }
  .t-center{
    text-align: center;
  }
  .t-left{
    text-align: left;
  }
  .t-right{
    text-align: right;
  }
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

// main-container global css

.app-container {
  padding: 20px;
}

.home-profile-addEdit{
  .el-input, .el-select {
    width: 300px;
  }
  .lh .el-form-item__label{line-height: 20px;}
}
//设置
.setting{
  .title{color: #586982;font-size: 22px;line-height: 26px;}
  .set-table {border:1px solid #efefef;height: 260px;overflow: auto;}
  .set-tr {display:flex;justify-content:space-between;padding:20px;color:#00468C}
  .set-tr:nth-child(2n) {background:#fafafa}
  .set-input {width:100%;background:#f3f5f7;border:0;padding:10px 8px;-webkit-box-flex:4;-ms-flex:4;flex:4;border-radius:0;line-height:20px;color:#586982;}
  .set-input:focus {outline:none;}
  .ul-input{display: flex;margin-bottom: 10px;}
}
//Training Grant
.basic-table{
  td, th{padding:5px;border: 1px solid #efefef;border-bottom: 0;border-right: 0}
  border: 1px solid #efefef;
  border-top: 0;
  border-left: 0;
  margin-top: 10px;
}



body{
	//font-size:0.28rem !important;
	img{max-width: 100%;display: inline-block;height:auto;}
}
// notify less
.van-notify.van-notify--warning{
	  background: rgba(255, 151,106,.8);
	  // filter:Alpha(opacity=20);/* 只支持IE6、7、8、9 */
	  // zoom:1;
	 // position:static
}
		// * {
		// 	margin: 0;
		// 	padding: 0;
		// 	border: none;
		// 	box-sizing: border-box;
		// }
     .cl{clear: both;}
		.t-left {
			text-align: left
		}

		.t-right {
			text-align: right;
		}

		.t-center {
			text-align: center;
		}

		/*flex-box  */
		.coll {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: flex;
			width: 100%;
			align-items: center;
			flex: 1;
		}

		.flex-box.text-left {
			text-align: left;
		}

		.flex-box {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: flex;
			text-align: center;
			align-items: center;

			/* flex-flow:  column; */
			justify-content: flex-start;
		}

		.flex-box.column {
			flex-flow: column;
			flex-direction: column;
		}

		.flex-box.row {
			flex-flow: row;
			flex-direction: row;
		}

		[class*="flex-box "][class*="flex-end"] {
			justify-content: flex-end;
		}

		.flex-box.between {
			justify-content: space-between;
		}

		.addimg .imgbox {
			position: initial;
		}

		.flex-box.center {
			justify-content: center;
		}

		.flex-box.wrap {
			flex-wrap: wrap;
			flex-direction: row;
		}
		.coll_25 {
			width: 25%;

			text-align: center;
			box-sizing: border-box;
		}

		.coll_80 {
			width: 80%;
			text-align: center;
			box-sizing: border-box;
		}

		.coll_20 {
			width: 20%;
			text-align: center;
			box-sizing: border-box;
		}

		.coll_70 {
			width: 70%;
			text-align: center;
			box-sizing: border-box;
		}

		.coll_30 {
			width: 30%;
			text-align: center;
			box-sizing: border-box;
		}

		.coll_33 {
			width: 33.3%;
			text-align: center;
			box-sizing: border-box;
		}

		.coll_40 {
			width: 40%;
			text-align: center;
			box-sizing: border-box;
		}

		.coll_60 {
			width: 60%;
			text-align: center;
			box-sizing: border-box;
		}

		.coll_50 {
			width: 50%;
			text-align: center;
			box-sizing: border-box;
		}

		.coll_50>.cp_image image {
			width: 100%;
			height: 377.8rpx;
		}

		.pad {
			padding: 8px;
		}

		.padRig {
			padding-right: 8px;
		}

		.padTop {
			padding-top: 8px;
		}

		.padBtm {
			padding-bottom: 8px;
		}

		.padLeft {
			padding-left: 8px;
		}

		.mar {
			margin: 8px;
		}

		.marRig {
			margin-right: 8px;
		}

		.marTop {
			margin-top: 8px;
		}

		.marBtm {
			margin-bottom: 8px;
		}

		.marLeft {
			margin-left: 8px;
		}

		.clPad {
			padding: 0 !important;
		}

		.clPadBtm {
			padding-bottom: 0 !important;
		}

		.clPadTop {
			padding-top: 0 !important;
		}

		.clPadLeft {
			padding-left: 0 !important;
		}

		.clPadRight {
			padding-right: 0 !important;
		}

		.clMar {
			margin: 0 !important;
		}

		.clMarBtm {
			margin-bottom: 0 !important;
		}

		.clMarTop {
			margin-top: 0 !important;
		}

		.clMarLeft {
			margin-left: 0 !important;
		}

		.clMarRight {
			margin-right: 0 !important;
		}
    .posRea{
      position: relative;
    }
    // 定位 浮动
    .posAb{
      position: absolute;
    }
    .posTopRig{
      right:5px;top:5px;
    }
    .posTopLft{
      left:5px;top:5px;
    }
    .posBtmLft{
      left:5px;bottom:5px;
    }
    .posBtmRig{
      right:5px;bottom:5px;
    }
    .posRig{
      right:5px;
    }
    .posLft{
      left:5px;
    }
    .posTop{
      top:5px;
    }
    .posBtm{
      bottom:5px;
    }
		.fr {
			float: right;
		}

		.fl {
			float: left;
		}

		.v-modal {
			opacity: .7;
		}
